<!DOCTYPE html>
<html>
<head>
    <#import "./common/common.macro.ftl" as netCommon>
    <@netCommon.commonStyle />
    <link rel="stylesheet" href="${request.contextPath}/static/adminlte/plugins/iCheck/square/blue.css">
    <title>${I18n.admin_name}</title>
</head>

<style>
    .hold-transition login-page{

    }
</style>
<body class="hold-transition login-page" style="background-image: url('${request.contextPath}/static/bg.png');background-repeat: no-repeat;background-size: 100% 100%">
<div class="login-box">
    <div class="login-logo" style="width: 400px">
        <a><b>XXL</b>JOB</a>
    </div>
    <form id="loginForm" method="post" style="width: 400px">
        <div class="login-box-body" style="width: 400px;border-radius: 20px;background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
 background-blend-mode: screen;">
            <p class="login-box-msg">${I18n.admin_name}</p>
            <div class="form-group has-feedback">
                <input type="text" name="userName" class="form-control" placeholder="${I18n.login_username_placeholder}"
                       maxlength="18" style="border-radius: 5px;background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="password" class="form-control"
                       placeholder="${I18n.login_password_placeholder}" maxlength="18" style="border-radius: 5px;background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-8">
                    <div class="checkbox icheck">
                        <label>
                            <input type="checkbox" name="ifRemember"> &nbsp; ${I18n.login_remember_me}
                        </label>
                    </div>
                </div><!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat" style="border-radius: 5px;background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
 background-blend-mode: screen;color: black">${I18n.login_btn}</button>
                </div>
            </div>
        </div>
    </form>
</div>
<@netCommon.commonScript />
<script src="${request.contextPath}/static/adminlte/plugins/iCheck/icheck.min.js"></script>
<script src="${request.contextPath}/static/js/login.1.js"></script>

</body>
</html>
